<template>
  <div class="social flex-s-between">
    <div class="social_item" v-for="(item, i) in socialData" :key="i">
      <img :src="item.img_url" alt="">
    </div>
  </div>
</template>
<script>
export default {
  props: ['socialData'],
  created () {
    // console.log(this.socialData)
  }
}
</script>
<style lang="less" scoped>
.social {
  width: 100%;
  .social_item {
    img {
      width: 90%;
    }
  }
}
</style>
